html{width: 100%;
    overflow-x: hidden; }
body{ overflow-x: hidden; }
*{ list-style: none; font-family: 微软雅黑; margin: 0; padding: 0;}
a{ color: #333}
a:hover{ color: #0048bf; text-decoration: none}
.clear{ clear: both}
.header{box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);}
.header .l{ position: relative; background: #fff; padding: 0; height: 80px; text-align: right}
.header .l span{ height: 80px; width: 120px; display: inline-block; background: url("../images/head_l.png") no-repeat center center}
.header .l a{ position: absolute; right: 120px;  display: inline-block; padding: 11px 0;}
.bs-slider .bs-slider-overlay{ background: none}
.weui-tabbar{ position: fixed}
.icon-s{ margin: 4px 0; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.icon{ margin: 4px 0; display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.icon20{ margin: 4px;vertical-align: -8px;  display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.icon-lg{ margin: 4px 0; display: inline-block; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.new-icon{  background-image: url("../images/new-icon.png");}
.link{  background-image: url("../images/link.png");}
.home{  background-image: url("../images/home.png");}
.square{  background-image: url("../images/square.png");}
footer{ margin-top: 20px; padding: 40px 0 0 0; background: #f2f2f2}
footer .footer-line { margin-top: 20px; border-top: 1px solid #dfdfdf}
footer .footer-line .l, footer .footer-line .r{  font-size: 14px; color: #555; padding: 15px 0;}
footer .footer-line .l{ text-align: left}
footer .footer-line .r{text-align: right}
footer h2{ padding-bottom: 10px; font-weight: bold; font-size: 16px; color: #333;}
footer li{ float: left; width: 32%; padding-bottom:5px;}
footer li a{ font-size: 14px;}
footer .contactus-box{ font-size: 14px;}
footer .contactus-box i{ color: #999}
footer .qr-box{ font-size: 14px;}
footer .qr-box span{ display: inline-block}
footer .footer-logo { text-align: right}
footer .footer-logo img{width: 75px;margin-top: 20px;}
.s-banner{margin-top:80px}
.s-banner img{ width: 100%}
.page-box{text-align: center;width: 450px;margin: 0 auto;height: 40px; margin-top: 30px;}
.s-title{ padding: 20px 0; background: #f8f8f8}
.s-title .s-title-text{ position: relative; font-size: 30px; color: #333; font-weight: bolder}
.s-title .s-title-text i{ position: absolute; display: inline-block; background: #f8f8f8; width: 20px; height: 20px;
    transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -34px; left:80px}
.s-title .position{ text-align: right; padding: 10px 0;}
.sidebar-nav{ padding: 0 10px; font-size: 16px;}
.sidebar-nav li{ padding: 10px 20px; margin-bottom: 10px; background: #f8f8f8; }
.sidebar-nav li:hover{ background: rgba(0,72,191,1); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out}
.sidebar-nav li:hover a{ color:#fff; text-decoration: none}
.sidebar-nav li.active{ position: relative;  background: rgba(0,72,191,1); }
.sidebar-nav li.active:after{ content: ''; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 18px; height: 18px; background: url("../images/arrow-right.png") no-repeat center center; background-size: cover;}
.sidebar-nav li.active a{ color:#fff}
.new-article-content h1{font-size: 28px}
.new-article-content .article-box{ font-size: 16px; line-height: 28px}
.new-article-content .article-box img{width: 100%}
@media (min-width: 1200px) and (max-width: 1399px){
}
@media (min-width: 1024px) and (max-width: 1199px){
}
@media (min-width: 992px) and (max-width: 1023px){
}
@media (min-width: 768px) and (max-width: 991px){
    .s-title .position{ text-align: left; padding-left: 38px;}
    .s-title .position span{display: none}
    .index-title h1{ font-size: 22px;}
    .toggle-logo{ margin-left: 45px; }
    .toggle-logo img{height: 50px;margin-bottom: 10px;}
    .new-article-content h1{font-size: 24px}
}
@media screen and (max-width: 767px){
    .s-title .s-title-text{ font-size: 22px}
    .s-banner{margin-top:70px}
    .s-title{ padding: 10px 0;}
    .s-title .position{ text-align: left;  padding: 0 0 0 33px}
    .s-title .position span{display: none}
    .icon-lg{ width: 50px; height: 50px;}
    .toggle-logo{ margin-left: 45px; }
    .toggle-logo img{height: 45px;margin-bottom: 10px;}
    footer{ margin-top: 10px;}
    footer .footer-line .l, footer .footer-line .r{  padding: 10px 0; font-size: 12px;}
    footer .footer-line .l{ text-align: center}
    footer .footer-line .r{text-align: center}
    footer li{ float: none; width: 100%}
    footer li a{ font-size: 12px;}
    footer h2{ font-size: 14px;}
    footer .footer-line { margin-top: 10px;}
    footer .qr-box{ font-size: 12px;}
    footer .qr-box span{ display: block; padding-top: 10px;}
    footer .qr-box img{ width: 80px;}
    footer .footer-line .l{ padding:10px 0 5px 0}
    footer .footer-line .r{ padding: 0 0 15px 0}
    .new-article-content h1{font-size: 18px; font-weight: bold;}
    .new-article-content .article-box{ font-size: 14px; line-height: 24px}
}